<template>
<h1>欢迎使用 V 人事管理系统</h1>
  <el-carousel :interval="4000" type="card" height="250px">
    <el-carousel-item v-for="item in imgs" :key="item">
      <el-image style="width: 100%; height: 100%" :src="item" fit="contain">
        {{item}}
      </el-image>
    </el-carousel-item>
  </el-carousel>

  <el-row :gutter="20">
    <el-col :span="4"><div class="grid-content bg-purple"></div></el-col>
    <el-col :span="16">
      <div class="grid-content bg-purple">
        <el-timeline>
          <el-timeline-item timestamp="2020/5/20" placement="top">
            <el-card>
              <h4>Mr.王 创建公司</h4>
              <p>vhr 创建于 2020/5/20 5:20</p>
            </el-card>
          </el-timeline-item>
          <el-timeline-item timestamp="2021/5/20" placement="top">
            <el-card>
              <h4>更新 vhr 前端业务</h4>
              <p>mr.wang 学会了前后端分离</p>
            </el-card>
          </el-timeline-item>
          <el-timeline-item timestamp="2021/6/17" placement="top">
            <el-card>
              <h4>公司项目准备上线</h4>
              <p>王泽 提交于 2021/6/20 20:46</p>
            </el-card>
          </el-timeline-item>
        </el-timeline>
      </div>
    </el-col>
    <el-col :span="4"><div class="grid-content bg-purple"></div></el-col>
  </el-row>

</template>

<script>
import img1 from "../../assets/image/1.jpg";
import img2 from "../../assets/image/2.jpg";
import img3 from "../../assets/image/3.jpg";
import img4 from "../../assets/image/4.jpg";
export default {
  name: "pindex",
  data(){
    return{
      imgs:[img1,img2,img3,img4]

    }
  }
}
</script>

<style scoped>

</style>